<template>
  <div>
    <div class="fudong">
      <van-search v-model="value" placeholder="请输入搜索小区或地址" left-icon="arrow-down" >
        <template #left >
          <a @click="btn">上海</a>
          </template>
      </van-search>
    </div>
    <van-swipe class="my-swipe" :autoplay="1000" indicator-color="white">
      <van-swipe-item><img src="http://liufusong.top:8080/img/swiper/1.png" alt=""></van-swipe-item>
      <van-swipe-item><img src="http://liufusong.top:8080/img/swiper/3.png" alt=""></van-swipe-item>
      <van-swipe-item><img src="http://liufusong.top:8080/img/swiper/2.png" alt=""></van-swipe-item>
    </van-swipe>

  <div class="box">
    <van-grid>
    <van-grid-item icon="wap-home-o"  text="整租" />
    <van-grid-item icon="friends-o" text="合租" />
    <van-grid-item icon="map-marked" text="地图找房" />
    <van-grid-item icon="wap-home-o" text="去出租" to="/gochuzu" />
    </van-grid>
  </div>
<van-nav-bar  left-text="租房小组" class="box2">
  <template #right>
    <a href="">更多</a>
  </template>
</van-nav-bar>
<van-grid direction="horizontal" :column-num="2" gutter="15px">
  <van-grid-item icon="photo-o" text="家住回龙观的归属感觉" />
  <van-grid-item icon="photo-o" text="宜居四五环大都市生活" />
  <van-grid-item icon="photo-o" text="喧嚣三里屯繁华的背后" />
  <van-grid-item icon="photo-o" text="比邻十号线地铁心连心" />
</van-grid>
</div>
</template>

<script>
// import { Swipe, SwipeItem } from 'vant'
export default {
  data () {
    return {
      value: ''
    }
  },
  methods: {
    btn () {
      this.$router.push('/citylist')
    }

  }
}
</script>

<style scoped>

img{
  width: 100%;
}
.box{
width: 100%;
height: 110px;
background: rgba(252, 250, 250, 0.356);
padding-top:15px ;
border-bottom:1px none ;
}
.van-nav-bar__content{
background-color: rgba(255, 255, 255, 0.572);

}
.van-nav-bar__text{
  color: black;
  font-size:15px ;
  font-weight:bold ;
}

</style>
